<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>ITSM后台管理系统</title>
    <link rel="stylesheet" href="./css/five.css">
    <script src="./js/jquery.js"></script>
    <!-- <script src="./js/echarts.js"></script> -->
    <!-- <script src="http://echarts.baidu.com/build/dist/echarts-all.js"></script> -->
    <script src="./js/echarts4.0.1.min.js"></script>
    <script src="./js/five.js"></script>
</head>
<body>
<ul class="header">
    <li class="heali">
        <h5 class="heatitle">镜头状态统计</h5>
        <!-- canvas echarts -->
        <div class="main" id="main1"></div>
        
        <!-- canvas echarts end-->
        <div class="heabottom">
            <b></b>
            <span>完好</span>
            <b></b>
            <span>离线</span>
            <b></b>
            <span>在线异常</span>
        </div>
    </li>
    <li class="heali">
        <h5 class="heatitle">镜头状态统计</h5>
        <!-- canvas echarts -->
        <div class="main" id="main2"></div>
        <!-- canvas echarts end-->
        <div class="heabottom">
            <b></b>
            <span>完好</span>
            <b></b>
            <span>离线</span>
            <b></b>
            <span>在线异常</span>
        </div>
    </li>
    <li class="heali">
        <h5 class="heatitle">镜头状态统计</h5>
        <!-- canvas echarts -->
        <div class="main" id="main3"></div>
        <!-- canvas echarts end-->
        <div class="heabottom">
            <b></b>
            <span>完好</span>
            <b></b>
            <span>离线</span>
            <b></b>
            <span>在线异常</span>
        </div>
    </li>
</ul>
<!-- 数据条 -->
<div class="centershuju">
    <p class="centertitle">辖区通道完好率</p>
    <div id="centershuju">

    </div>
</div>
<div class="centernum">
    <b></b>
    <span>高</span>
    <b></b>
    <span>中</span>
    <b></b>
    <span>低</span>
</div>





</body>
</html>
<script>
    $(function () {})
</script>